<template>
  <div class="header">
    <div class="contant">
      <p>我看诸君皆舔狗，料诸君看我亦如是</p>
      <p>--来自知乎</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "myheader",
  data() {
    return {};
  }
};
</script>
<style lang="scss" scoped>
.header {
  width: 100%;
  height: 70px;
  background-color: #633a82;
  display: flex;
  justify-items: center;
  align-items: center;
  .contant {
    color: #fff;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
    p:nth-child(2) {
      text-align: right;
    }
  }
}
</style>